<script type="text/javascript" src="http://www.appelsiini.net/download/jquery.jeditable.mini.js" ></script>
<script type="text/javascript" src="http://www.aiondatabase.com/js/exsyndication.js"></script>
<article class="module width_full">
    <header><h3>{#title#}</h3></header>
        <div class="module_content">
            <div class="content">

<div id="tablewrapper">
						<div id="tableheader">
							<div class="search">
								<select id="columns" onchange="sorter.search('query')">
						  <option value="-1">{#columns#}</option>
						  </select>
								<input type="text" id="query" onkeyup="sorter.search('query')" />
							</div>
						<span class="details">
						  <div>{#entries#} <span id="startrecord"></span>-<span id="endrecord"></span> {#from#} <span id="totalrecords"></span></div>
						  <div><a href="javascript:sorter.reset()">{#reset#}</a></div>
						</span>
					  </div>
					<table cellpadding="0" cellspacing="0" id="table" class="tinytable" style="width:100%;" >
						<thead>
							<tr>
								<th><h3>{#itemname#}</h3></th> 
								<th><h3>{#count#}</h3></th>
								<th><h3>{#price#}</h3></th> 
								<th><h3>{#action#}</h3></th> 
							</tr>
						</thead>
						<tbody>
{if !empty($shop)}
								{foreach from=$shop item=item}
									{literal}
									<script type="text/javascript">
										$(function() {
											$(".inv_button_{/literal}{$item.itemUniqueId}{literal}").click(function() {
												var id 					= '{/literal}{$item.itemUniqueId}{literal}';
												var dataString	= 'shop='+ id;
												var parent = $(this).parent();
											$.ajax({
												type: "POST",
												url: "_javascript/ajax_livedit.php",
												data: dataString,
												cache: false,
												success: function()
													{
														$("#maininv_{/literal}{$item.itemUniqueId}{literal}").fadeOut('slow', function() {$("#maininv_{/literal}{$item.itemUniqueId}{literal}").remove();});
													}
											});
											return false;
											});
										});
									</script>
									<script type="text/javascript">
								   $(document).ready(function() {
									   $('.count_{/literal}{$item.itemUniqueId}{literal}').editable('_javascript/ajax_livedit.php?action=count&id={/literal}{$item.itemUniqueId}{literal}', {
										   indicator : '{/literal}{#saving#}{literal}',
										   id   : 'count',
									   });
									   $('.price_{/literal}{$item.itemUniqueId}{literal}').editable('_javascript/ajax_livedit.php?action=price&id={/literal}{$item.itemUniqueId}{literal}', {
										   indicator : '{/literal}{#saving#}{literal}',
										   id   : 'price',
									   });
									   $('.name_{/literal}{$item.itemUniqueId}{literal}').editable('_javascript/ajax_livedit.php?action=name&id={/literal}{$item.itemUniqueId}{literal}', {
										   indicator : '{/literal}{#saving#}{literal}',
										   id   : 'name',
									   });
								   });
								  </script>
								  {/literal}

									<tr id="maininv_{$item.itemUniqueId}">
									  <td class="body"><a target="_blank" class="aion-item-icon-large" style="float:left;" href="http://aiondatabase.com/item/{$item.itemTemplateId}/"></a> 
									  <div class="name_{$item.itemUniqueId}" style="width:200px; margin-left:10px; margin-top:12px; float:left; cursor:pointer;">{$item.itemName}</div></td>
									  <td  class="body"><div style="float:left; margin-right:10px;">{#counter#}:</div> <div class="count_{$item.itemUniqueId}" style="width:50px; float:left; cursor:pointer;">{$item.itemCount}</div></td>
									  <td class="body"><div style="float:left; margin-right:10px;">{#price#}:</div> <div class="price_{$item.itemUniqueId}" style="width:50px; float:left; margin-right:10px; cursor:pointer;">{$item.itemPrice}</div> {#coins#}</td>
									  <td class="body"><a href="#" class="inv_button_{$item.itemUniqueId}"><img src="_images/icons/cross.png" /></a></td>
									</tr>
								{/foreach}	
                            {/if}
					   </tbody>
					</table>
					  <div id="tablefooter">
						<div id="tablenav">
						  <div>
							<!--<img src="_images/icons/arrow_left.png" alt="First Page" onclick="sorter.move(-1,true)" />&laquo;-->
							<img src="_images/icons/arrow_left.png" alt="First Page" onclick="sorter.move(-1)" />
							<img src="_images/icons/arrow_right.png" alt="First Page" onclick="sorter.move(1)" />
							<!--<img src="_images/icons/arrow_right.png" alt="Last Page" onclick="sorter.move(1,true)" />&raquo;-->
						  </div>
						  <div>
							<select id="pagedropdown"></select>
						  </div>
						  <div class="page">
							<a href="javascript:sorter.showall()">{#see_all#}</a>
						  </div>
						</div>
						<div id="tablelocation">
						  <div>
							<select onchange="sorter.size(this.value)">
							  <option value="5">5</option>
							  <option value="10" selected="selected">10</option>
							  <option value="20">20</option>
							  <option value="50">50</option>
							  <option value="100">100</option>
							</select>
							<span>{#entries_p_site#}</span>
						  </div>
						  <div class="page">{#site#} <span id="currentpage"></span> {#from#} <span id="totalpages"></span></div>
							</div>
						</div>
					</div>
{literal}
<script>



    var sorter = new TINY.table.sorter('sorter','table',{
      headclass:'head',
      ascclass:'asc',
      descclass:'desc',
      evenclass:'evenrow',
      oddclass:'oddrow',
      evenselclass:'evenselected',
      oddselclass:'oddselected',
      paginate:true,
      size:10,
      colddid:'columns',
      currentid:'currentpage',
      totalid:'totalpages',
      startingrecid:'startrecord',
      endingrecid:'endrecord',
      totalrecid:'totalrecords',
      hoverid:'selectedrow',
      pageddid:'pagedropdown',
      navid:'tablenav',
      sortcolumn:1,
      sortdir:1,
      init:true
    });
    </script>
    {/literal}
			</div>
        </div>
	<footer>
		<div class="submit_link">
			<a href="index.php?mod=shop&page=item"><input type="submit" value="{#add_item#}" class="alt_btn"></a>
		</div>
	</footer>
</article>

		
								